<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>吾爱直播</title>
		<style>
			@media (min-width:320px) and (max-width:480px) {
				html {
					font-size: 12px;
					max-width: 480px;
				}
			}
			
			@media (min-width:480px) and (max-width:560px) {
				html {
					font-size: 15px;
					max-width: 560px
				}
			}
			
			@media (min-width:560px) and (max-width:720px) {
				html {
					font-size: 16px;
					max-width: 720px
				}
			}
			
			@media (min-width:720px) and (max-width:960px) {
				html {
					font-size: 17px;
					max-width: 960px
				}
			}
			
			@media (min-width:960px) and (max-width:1280px) {
				html {
					font-size: 20px;
					max-width: 1280px
				}
				main {
					width: 60%;
					margin: auto;
				}
				img{
					width: 80%;
					margin-left: 10%;
				}
			}
			
			@media (min-width:1280px) and (max-width:2020px) {
				html {
					font-size: 20px;
					max-width: 2020px
				}
				main {
					width: 60%;
					margin: auto;
				}
				
			}
			
			* {
				margin: 0;
				padding: 0;
				box-sizing: border-box;
			}
			
			header {
				width: 100vw;
				position: absolute;
				z-index: 10;
				color: #767677;
				font-size: 1.1rem;
				padding: 1vh 4vw;
				background-color: white;
			}
			
			ul {
				list-style: none;
				display: flex;
				justify-content: space-between;
			}
			
			main {
				background-image: url(images/平台下载背景图层1@2x.png);
				background-size: 100% 100%;
			}
			
			main div img {
				width: auto;
				height: auto;
				width: 40%;
				margin-left: 30%;
			}
			#daxiang{
				margin-top: 13vh;
				margin-bottom: 8vh;
			}
			#ios{
				margin-top: 3vh;
				margin-bottom: 38vh;
			}
		</style>
	</head>

	<body>
		<header>
			<ul>
				<li>关闭</li>
				<li>吾爱直播分享有礼</li>
				<li></li>
			</ul>
		</header>
		<main>
			<div class="tel">
				<img src="images/矢量智能对象拷贝@2x.png" id="daxiang" />
			</div>
			<div class="img">
				<img src="images/安卓下载@2x.png" id="anzhuo" />
			</div>
			<div class="img">
				<img src="images/IOS下载拷贝@2x.png" id="ios" />
			</div>
		</main>
	</body>

</html>